<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<div class="box">
			<h1>标题</h1>
			<p>第 1 个p元素</p>
			<p>第 2 个p元素</p>
			<p>第 3 个p元素</p>
			<p>第 4 个p元素</p>
		</div>
		
		
		<ul>
			<li>第 1 个li元素</li>
			<li>第 2 个li元素</li>
			<li>第 3 个li元素</li>
			<li>第 4 个li元素</li>
			<li>第 5 个li元素</li>
		</ul>
		
	</body>
</html>

<style type="text/css">
	/* 选择h1后的最近的p元素,设置字体为红色 */
	h1+p {
		color: red;
	}
	
	/* 选择h1后面所有的p元素 */
	h1~p {
		background: gray;
	}
	
	/* 选择除第一个以外的所有li标签,设置字体颜色为绿色 */
	li+li {
		color: green;
		font-weight: bold;
	}
	 
	
</style>
